<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <!-- <link rel="stylesheet" href="css/logistics.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/font-awesome.min.css"> -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/vue.js"></script>
    <style>
    .t1 {
        width: 50%;
        height: 300px;
        border: 1px solid #ccc;
        overflow: auto;
    }
    
    table {
        width: 100%;
       
        white-space: nowrap;
    }

    input:focus+ul{
        display: block;
    }
    ul{
        display: none;
    }
    </style>
</head>

<body>
    <div class="select-style">
        <input type="text" readonly="" value="请选择">
        <ul>
            <li>选项1</li>
            <li>选项2</li>
            <li>选项3</li>
        </ul>
    </div>
</body>

</html>
